<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/style.css">
</head>


<script src="js/jquery-3.5.1.min.js"></script>

<script src="js/js.js"></script>

<body>
    <div class="first">
        <div class="nav">
            <div class="img">
                <img src="images/2.png" alt="">
            </div>
            <div class="center">
                <div class="search">
                    <input type="text" style="width:100%;  width: 300px " placeholder="商品搜索">
                    <input type="button" style="background: #2776df;;width:100%; width: 100px" value="搜索">
                </div>
                <div class="menu">
                    <ul>
                        <li class="drop-menu-effect"><a href="#">首页</a>
                        </li>
                        <li class="drop-menu-effect"><a href="#">新鲜上架</a>
                            <ul class="submenu">
                                <li><a href="#">新鲜上架</a></li>
                                <li><a href="#">向日葵</a></li>
                                <li><a href="#">玫瑰</a></li>
                                <li><a href="#">郁金香</a></li>
                                <li><a href="#">康乃馨</a></li>
                            </ul>
                        </li>
                        <li class="drop-menu-effect"><a href="#">特色产品</a>
                            <ul class="submenu">
                                <li><a href="#">特色产品</a></li>
                                <li><a href="#">阳光使者</a></li>
                                <li><a href="#">忘情巴黎</a></li>
                                <li><a href="#">一路向阳</a></li>
                                <li><a href="#">诞愿是你</a></li>
                            </ul>
                        </li>
                        <li class="drop-menu-effect"><a href="#">私人定制</a>
                            <ul class="submenu">
                                <li><a href="#">私人定制</a></li>
                                <li><a href="#">繁华简约</a></li>
                                <li><a href="#">悦花简约</a></li>
                                <li><a href="#">私藏</a></li>
                                <li><a href="#">一眼万年</a></li>
                            </ul>
                        </li>
                        <li class="drop-menu-effect"><a href="#">折扣优惠</a>
                            <ul class="submenu">
                                <li><a href="#">折扣优惠</a></li>
                                <li><a href="#">热情向日葵</a></li>
                                <li><a href="#">时间的光</a></li>
                                <li><a href="#">迷幻混合</a></li>
                                <li><a href="#">时间的光</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="cc">
                <div class="login1">
                    <a href="login.html">登录</a>
                    <a href="login.html">注册</a>
                </div>
                <div class="cart">
                    <i class=" icon-bag"></i>
                    <div class="price">
                        <span>&yen;</span>
                        <span class="avg"> 0</span>
                    </div>
                    <div class="num"> 0 </div>
                    <!-- right end -->
                </div>
                <div id="table">
                    <ul class="order-title">
                        <li class="selecter">选择</li>
                        <li class="product">商品名称</li>
                        <li class="order-price">商品价格</li>
                        <li class="order-num">商品数量</li>
                        <li class="operate">操作</li>
                    </ul>

                    <ul class="take">
                        <span class="zjt"><img src="images/zjt.png" alt=""></span>
                        <li class="select"><a href="#">继续挑选</a></li>
                        <li class="yf">应付金额：&yen;<span class="qian">0</span></li>
                        <li class="qjs">去结算</li>
                    </ul>
                </div>
                <div id="or" style="display: none;">
                    <ul class="order">
                        <li class="oinput"><input type="checkbox" name="checkRow" id="" checked class="c_all"></li>
                        <li class="oximg">
                            <img src="images/f1.jpg" alt="">
                            <span class="ofont">sff</span>
                        </li>
                        <li class="omoney">&yen;<span class="xmoney">23</span></li>
                        <li class="onum"><span>1</span></li>
                        <li class="odelete"><a href="#">删除</a></li>
                    </ul>
                </div>
               
            </div>

        </div>

        <div class="bigpicture">
            <ul class="slide">
                <li><img src="images/6.jpg" alt=""></li>
                <li><img src="images/6.png" alt=""></li>
                <li><img src="images/5.png" alt=""></li>
                <li><img src="images/4.png" alt=""></li>
                <li><img src="images/3.png" alt=""></li>
            </ul>
            <ul class="circle">
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="jt">
                <div id="prev"><img src="images/prev.png" /></div>
                <div id="next"><img src="images/next.png" /></div>
            </div>
        </div>
        <div class="float">
            <ul id="song">
                <li style="background-color: #eed5d8; color:#a45457;">送恋人
                    <span class="nav_go"><a href="#"><img src="images/nav_go.png" alt=""></a></span></li>
                <li style="background-color: #cfe0e7;color:#4d7982">送长辈
                    <span class="nav_go"><a href="#"><img src="images/nav_go.png" alt=""></a></span></li>
                <li style="background-color: #cfd6e6;color:#515570">送男性
                    <span class="nav_go"><a href="#"><img src="images/nav_go.png" alt=""></a></span></li>
                <li style="background-color: #dfcee0;color:#5f527d">送闺蜜
                    <span class="nav_go"><a href="#"><img src="images/nav_go.png" alt=""></a></span></li>
            </ul>
        </div>
    </div>

    <!-- 内容 -->
    <div class="main">
        <div class="card">
            <img src="images/card.png" alt="">
        </div>
        <div class="title">
            <img src="images/title1.png" id="title" alt="">
        </div>


        <div class="xh">
            <div class="bg">
                <div class="picture">
                    <img src="images/flower2.jpg" alt="">
                </div>
                <div class="bgcolor"></div>
            </div>


            <div class="bigbuy">
                <div class="buyflower">
                    <div class="xrk">
                        <img src="images/flower3.jpg" alt="">
                        <div class="content">韩式系列/一路向阳</div>
                        <div class="money">
                            <span>&yen;</span>
                            <span class="number"> 326</span>
                        </div>
                        <div class="buy buy1">加入购物车</div>
                    </div>
                    <div class="xrk">
                        <img src="images/flower4.jpg" alt="">
                        <div class="content">韩式系列/阳光使者</div>
                        <div class="money">
                            <span>&yen;</span>
                            <span class="number">318</span>
                        </div>
                        <div class="buy buy2">加入购物车</div>
                    </div>
                </div>
                <div class="da">
                    <div class="content">韩式系列/绽放</div>
                    <div class="zi">向日葵+香槟玫瑰+多头玫瑰</div>
                    <div class="zi">元气满满，永远向着太阳</div>
                    <div class="link">
                        <div class="money">
                            <span>&yen;</span>
                            <span class="number">196</span>
                        </div>
                        <div class="buy buy3">加入购物车</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="title2">
            <img src="images/title2.png" id="title2" alt="">
        </div>
        <div class="total">
            <div class="xh">
                <div class="bigbuy">
                    <div class="buyflower">
                        <div class="xrk">
                            <img src="images/f2.jpg" alt="">
                            <div class="content">向日葵之歌</div>
                            <div class="money">
                                <span>&yen;</span>
                                <span class="number">208</span>
                            </div>
                            <div class="buy buy4">立即购买</div>
                        </div>
                        <div class="xrk">
                            <img src="images/f1.jpg" alt="">
                            <div class="content">一缕清香</div>
                            <div class="money">
                                <span>&yen;</span>
                                <span class="number">208</span>
                            </div>
                            <div class="buy buy5">加入购物车</div>
                        </div>
                        <div class="xrk">
                            <img src="images/f3.jpg" alt="">
                            <div class="content">韩式系列/乘风破浪</div>
                            <div class="money">
                                <span>&yen;</span>
                                <span class="number"> 359</span>
                            </div>
                            <div class="buy buy6">加入购物车</div>
                        </div>
                        <div class="xrk">
                            <img src="images/f5.jpg" alt="">
                            <div class="content">喜笑颜开</div>
                            <div class="money">
                                <span>&yen;</span>
                                <span class="number"> 282</span>
                            </div>
                            <div class="buy  buy7">加入购物车</div>
                        </div>
                    </div>

                </div>
                <div class="bg">
                    <div class="picture">
                        <img src="images/f4.jpg" alt="">
                    </div>
                    <div class="bgcolor"></div>
                    <div class="zi2">
                        <!-- /香槟玫瑰9枝、蓝绣球、向日葵、白色洋桔梗 -->
                        <div class="content">星河璀璨
                            <div class="tiao"></div>
                        </div>
                        <div class="fen">
                            <div class="zi">
                                <div class="zi3">你如璀璨的星河，于苍穹之中，</div>
                                <div>焕发光芒，闪耀着我的人生。</div>
                            </div>
                            <div>
                                <div class="money">
                                    <span>&yen;</span>
                                    <span class="number">317</span>
                                </div>
                                <div class="buy buy8">
                                    加入购物车
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="title3">
            <img src="images/title3.jpg" id="title3" alt="">
        </div>
    </div>
    <div class="xuan">
        <div class="ma">
            <img src="images/ww.png" alt="">
            <div class="dazi">关注公众号有好礼</div>
            <img src="images/xw.png" alt="">
            <div class="dazi">下载向日葵APP</div>
            <div class="xzi">随时随地看商品</div>
        </div>
    </div>
</body>

</html>